<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/shopping.css">
	</head>
	<body>
		<div class="title">购物车</div>
		<div class="goods">
			<span class="goods-input"><input type="checkbox"></span>
			<span class="goods-photo"><img src="./img/shopping/s-1.jpg" alt=""></span>
			<div class="goods-right">
				<div class="goods-right-title">
					<span class="goods-title" >丛林物语双面印花磨毛四件套</span>
					<span class="goods-sign"><img src="./img/shopping/shop-x.png" alt=""></span>
				</div>
				<div class="goods-text">1.8M;米白色</div>
				<div class=" goods-footer">
					<span class="price">￥399.00</span>
					<span class=""></span>
				</div>
			</div>
			<div class="goods-border"></div>
		</div>
		<div class="goods">
			<span class="goods-input"><input type="checkbox"></span>
			<span class="goods-photo"><img src="./img/shopping/s-2.jpg" alt=""></span>
			<div class="goods-right">
				<div class="goods-right-title">
					<span class="goods-title" >璀璨灵动 手镯</span>
					<span class="goods-sign"><img src="./img/shopping/shop-x.png" alt=""></span>
				</div>
				<div class="goods-text">手镯</div>
				<div class=" goods-footer">
					<span class="price">￥181.00</span>
					<span class=""></span>
				</div>
			</div>
			<div class="goods-border"></div>
		</div>
		<div class="goods">
			<span class="goods-input"><input type="checkbox"></span>
			<span class="goods-photo"><img src="./img/shopping/s-3.jpg" alt=""></span>
			<div class="goods-right">
				<div class="goods-right-title">
					<span class="goods-title" >28寸 纯PC”铝矿”（非全铝）</span>
					<span class="goods-sign"><img src="./img/shopping/shop-x.png" alt=""></span>
				</div>
				<div class="goods-text">神秘灰</div>
				<div class=" goods-footer">
					<span class="price">￥439.00</span>
					<span class=""></span>
				</div>
			</div>
			<div class="goods-border"></div>
		</div>
		<div class="fixed">
		<div class="total">
			<div class="total-left">
				<span class="total-input"><input type="checkbox"></span>
				<span class="total-select" >全选</span>
			</div>
			<div class="total-right">
				<div class="total-price">￥0.00</div>
				<div class="total-order"><div class="total-order-text">下单</div></div>
			</div>
		</div>
		<div class="nav">
			<ul>
				<li>
					<img class="nav-photo" src="./img/shopping/s-12.png" alt="">
					<div class="">首页</div>
				</li>
				<li>
					<img class="nav-photo" src="./img/shopping/s-13.png" alt="">
					<div class="">优选</div>
				</li>
				<li>
					<img class="nav-photo" src="./img/shopping/s-14.png" alt="">
					<div class="">分类</div>
				</li>
				<li>
					<img class="nav-photo" src="./img/shopping/s-15.png" alt="">
					<div class="">购物车</div>
				</li>
				<li>
					<img class="nav-photo" src="./img/shopping/s-16.png" alt="">
					<div class="">我的</div>
				</li>
			</ul>
		</div>
		</div>
		<div class="like">
			<div class="like-title">猜你喜欢</div>
			<div class="necklace">
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-4.jpg" alt="">
				<div class="necklace-name">璀璨灵动 项链</div>
				<div class="necklace-price">￥149</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-4.jpg" alt="">
				<div class="necklace-name">璀璨灵动 项链</div>
				<div class="necklace-price">￥149</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-6.jpg" alt="">
				<div class="necklace-name">清新趣粉全棉四件套</div>
				<div class="necklace-price">￥399</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-7.jpg" alt="">
				<div class="necklace-name">全棉针织条纹四件套</div>
				<div class="necklace-price">￥219</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-8.jpg" alt="">
				<div class="necklace-name">色织水洗棉格纹四件套</div>
				<div class="necklace-price">￥219</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-9.jpg" alt="">
				<div class="necklace-name">20寸全铝镁合金登机箱</div>
				<div class="necklace-price">￥699</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-10.jpg" alt="">
				<div class="necklace-name">20寸 PC膜拉链登机箱</div>
				<div class="necklace-price">￥249</div>
				</div>
				<div class="necklace-left">
				<img class="necklace-photo" src="./img/shopping/s-11.jpg" alt="">
				<div class="necklace-name">104寸纯PC拉链斜纹拉杆箱</div>
				<div class="necklace-price">￥299</div>
				</div>
			</div>
		</div>
		
		
		<div class=" footer-nav">
			<ul>
				<li>
					<img class="footer-photo" src="./img/shopping/s-12.png" alt="">
					<div class="">首页</div>
				</li>
				<li>
					<img class="footer-photo" src="./img/shopping/s-13.png" alt="">
					<div class="">优选</div>
				</li>
				<li>
					<img class="footer-photo" src="./img/shopping/s-14.png" alt="">
					<div class="">分类</div>
				</li>
				<li>
					<img class="footer-photo" src="./img/shopping/s-15.png" alt="">
					<div class="">购物车</div>
				</li>
				<li>
					<img class="footer-photo" src="./img/shopping/s-16.png" alt="">
					<div class="">我的</div>
				</li>
			</ul>
		</div>
	
	</body>
</html>